.index {
	// width: 100%;
	// height: 100%;
	//主体
	.main {
		section {
			margin: 15px 20px;
		}
		//排名打卡
		.main1 {
			display: flex;
			height: 120px;

			//今日排名
			.rank {
				// width: 1px;
				flex-grow: 1;
				background: #54afda url(../../assets/images/index-card-rank.png)
					no-repeat -11px 15px;
				background-size: 100px;
				border-radius: 15px;
				margin-right: 15px;
				padding: 10px 0 0 5px;
				box-sizing: border-box;
				color: #005177;

				#rankNum {
					// padding-right: 15px;
					// box-sizing: border-box;
					display: block;
					font-size: 28px;
					font-weight: bold;
					color: #005177;
					text-align: center;
					line-height: 120px;
				}
			}

			//累计打卡
			.clockin {
				position: relative;
				// width: 1px;
				padding: 10px 0 0 5px;
				box-sizing: border-box;
				flex-grow: 2;
				background: #9fd9f8 url(../../assets/images/index-card-sum.png)
					no-repeat left 15px;
				background-size: 100px;
				border-radius: 15px;
				color: #005177;

				#clockBtn {
					position: absolute;
					bottom: 25px;
					right: 20px;
					border: 1px solid #005177;
					background-color: rgba(255, 255, 255, 0.297);
					color: #005177;
					border-radius: 20px;
					padding: 6px 15px;
					font-size: 14px;
				}
			}
		}
		//排名打卡2
		.main2 {
			display: flex;
			height: 110px;

			.sports-data {
				flex-grow: 4;
				border-radius: 15px;
				margin-right: 15px;
				padding: 10px 0 0 5px;
				box-sizing: border-box;
				background: url(../../assets/images/a41c46bc6f184150b36843d826acb777_th.png)
					no-repeat center center;
				background-size: cover;
				color: #fff;
			}
			.badge {
				flex-grow: 1;
				background: #54afda url(../../assets/images/index-card-badge.png)
					no-repeat -11px 15px;
				background-size: 100px;
				border-radius: 15px;

				padding: 10px 0 0 5px;
				box-sizing: border-box;
				color: #005177;

				p {
					padding-right: 23px;
					text-align: right;
					#badgeNum {
						font-size: 60px;
					}
				}
			}
		}

		//课程训练
		.main3 {
			height: 110px;
			border-radius: 15px;
			padding: 10px 0 0 5px;
			box-sizing: border-box;
			background: url(../../assets/images/index-card-data.png) no-repeat center
				center;
			background-size: cover;
			a {
				color: #fff;
			}
		}

		//户外运动
		.main4 {
			height: 110px;
			border-radius: 15px;
			padding: 10px 0 0 5px;
			box-sizing: border-box;
			background: url(../../assets/images/11.webp) no-repeat center center;
			background-size: cover;
			a {
				color: #fff;
			}
		}
	}
	/* banner */
	.swiper {
		width: 100%;
		height: 190px;

		.slider1 {
			background: url(../../assets/images/index-swiper-bg3.jpg) no-repeat center;
			background-size: cover;
		}
		.slider2 {
			background: url(../../assets/images/fvoq2pqrqf4fvoq2pqrqf4.jpg) no-repeat
				center;
			background-size: cover;
		}
		.slider3 {
			background: url(../../assets/images/course-img03.jpg) no-repeat center;
			background-size: cover;
		}
	}
}
